<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maxnum-scale=1.0,minnum-scale=1.0,user-scalabel=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/head.css">
    <link rel="stylesheet" href="./css/public.css">
</head>

<body>
    <!-- 头部 -->

    <head class="clearfit">
        <div class="headbox">

            <div class="headlogo">
                <img src="./images/logo.jpg" alt="">
            </div>

            <div class="headmiddle clearfix">
                <img src="./images/local.jpg" alt="">
                <span>广州</span>
                <div class="head-one">
                    <input type="text" value="搜索培训机构或课程" /><input type="button" value="搜索" name="" id="">
                </div>
            </div>

            <div class="headuser clearfix">
                <ul>
                    <li><a href="">足迹</a></li>
                    <li><a href="">消息</a></li>
                    <li><a href="">收藏</a></li>
                    <li><img src="./images/userone.jpg" alt=""></li>
                </ul>
            </div>

            <div class="headbottom clearfix">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="details.html">找学校</a></li>
                    <li><a href="">问答社区</a></li>
                    <li><a href="">资讯文章</a></li>
                    <li><a href="">趣学专题</a></li>
                </ul>
            </div>
        </div>

        <div class="imgbox clearfix">
            <div class="bgimg">
                <img src="./images/banner.jpg" style="width: 100%; height: 100%;" alt="">
            </div>

            <i class="imgleft">
               
            </i>

            <i class="imgright">
        
            </i>

            <div class="dian">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>

        </div>

        <!-- 主干部分 -->
        <main>
            <div class="maincontent">
                <div class="mainleft clearfix">
                    <div class="firsttop clearfix">
                        <div>
                            <h1>广州热门学校</h1>
                            <span>报课不迷路</span>
                        </div>

                        <a href="#">更多热门学校 ></a>
                    </div>

                    <div class="second">
                        <div class="second-top">
                            <img src="./images/童程童美教育.png" style="width: 100%;height: 100%;border-radius: 8px 8px 0 0;"
                                alt="">
                        </div>

                        <div class="second-bottom">
                            <p>童程童美教育</p>
                            <img src="./images/star.png" alt="">
                            <span>5.0分</span>
                            <div>
                                <span>少儿编程</span>
                            </div>
                            <span>天河公园/上社</span>
                        </div>
                    </div>
                    <div class="second">
                        <div class="second-top">
                            <img src="./images/舞蹈培养.png" style="width: 100%;height: 100%;border-radius: 8px 8px 0 0;"
                                alt="">
                        </div>

                        <div class="second-bottom">
                            <p>丽态丽姿·形体仪态礼仪</p>
                            <img src="./images/star.png" alt="">
                            <span>5.0分</span>
                            <div>
                                <span>礼仪口才</span>
                            </div>
                            <span>珠江新城</span>
                        </div>
                    </div>
                    <div class="second">
                        <div class="second-top">
                            <img src="./images/口才培养.png" style="width: 100%;height: 100%;border-radius: 8px 8px 0 0;"
                                alt="">
                        </div>

                        <div class="second-bottom">
                            <p>新世界日语</p>
                            <img src="./images/star.png" alt="">
                            <span>5.0分</span>
                            <div>
                                <span>日语</span>
                            </div>
                            <span>天河城/体育中心</span>
                        </div>
                    </div>
                    <div class="second">
                        <div class="second-top">
                            <img src="./images/童程童美教育.png" style="width: 100%;height: 100%;border-radius: 8px 8px 0 0;"
                                alt="">
                        </div>
                        <div class="second-bottom">
                            <p>童程童美教育</p>
                            <img src="./images/star.png" alt="">
                            <span>5.0分</span>
                            <div>
                                <span>少儿编程</span>
                            </div>
                            <span>天河公园/上社</span>
                        </div>
                    </div>
                    <div class="second">
                        <div class="second-top">
                            <img src="./images/童程童美教育.png" style="width: 100%;height: 100%;border-radius: 8px 8px 0 0;"
                                alt="">
                        </div>

                        <div class="second-bottom">
                            <p>童程童美教育</p>
                            <img src="./images/star.png" alt="">
                            <span>5.0分</span>
                            <div>
                                <span>少儿编程</span>
                            </div>
                            <span>天河公园/上社</span>
                        </div>
                    </div>
                    <div class="second">
                        <div class="second-top">
                            <img src="./images/童程童美教育.png" style="width: 100%;height: 100%;border-radius: 8px 8px 0 0;"
                                alt="">
                        </div>

                        <div class="second-bottom">
                            <p>童程童美教育</p>
                            <img src="./images/star.png" alt="">
                            <span>5.0分</span>
                            <div>
                                <span>少儿编程</span>
                            </div>
                            <span>天河公园/上社</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mainright">
                <div class="list-one">
                    <div class="discuss">
                        <span>讨论热门...</span>
                        <span>(去社区看看)</span>
                    </div>


                    <div class="list-two">
                        <ul>
                            <li>我的假期学习计划 <span>热</span></li>
                            <p>300万次浏览</p>
                            <li>少儿英语该如何启蒙？ <span>热</span></li>
                            <p>267.9万次浏览</p>
                            <li>掌握学习语言得技巧 <span>热</span></li>
                            <p>300万次浏览</p>
                            <li>少儿艺术培训机构现状如何？</li>
                            <p>328.6万次浏览</p>
                            <li>少儿培训机构怎么选？</li>
                            <li>156.2万次浏览</li>
                            <li>如何提高学习效率</li>
                            <p>46.6万次浏览</p>
                            <li>2020什么课程门</li>
                            <p>320.2万次浏览</p>
                            <li>国内十大少儿美术培训品牌对比</li>
                            <p>100万次浏览</p>
                        </ul>
                    </div>
                </div>
            </div>
        </main>

        <!-- 热门兴趣课 -->

        <div class="study">
            <div class="studytop">
                <span>热门兴趣课</span>
                <span>看看她们学什么</span>
                <a href="">更多兴趣课 ></a>
            </div>

            <div class="studybox">
                <div class="studyone">
                    <div class="studyimg">
                        <img src="./images/yukrili.png" style="width: 100%; height: 100%;" alt="">
                    </div>
                    <div class="studytext">
                        <span>尤克里里</span>
                        <p>增强自信心，培养情操及涵养。</p>
                    </div>
                </div>

                <div class="studyone">
                    <div class="studyimg">
                        <img src="./images/ballet.png" style="width: 100%; height: 100%;" alt="">
                    </div>
                    <div class="studytext">
                        <span>芭蕾舞</span>
                        <p>改善孩子形体，提升气质。</p>
                    </div>
                </div>

                <div class="studyone">
                    <div class="studyimg">
                        <img src="./images/the-game-of-go.png" style="width: 100%; height: 100%;" alt="">
                    </div>
                    <div class="studytext">
                        <span>围棋</span>
                        <p>开发智力，提高综合素质。</p>
                    </div>
                </div>

                <div class="studyone">
                    <div class="studyimg">
                        <img src="./images/painting.png" style="width: 100%; height: 100%;" alt="">
                    </div>
                    <div class="studytext">
                        <span>少儿绘画</span>
                        <p>培养想象力，激发美术创作。</p>
                    </div>
                </div>
            </div>


        </div>
    </head>
    <main>
        <div class="select">
            <div class="select-top clearfix">
                <span>家长种草推荐</span>
                <span><a href="#"> 更多兴趣课程 ></a></span>
            </div>

            <div class="select-boottom">
                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/舞蹈培养.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user1.png" alt="">
                            <span>依晨</span>
                        </div>
                        <div class="select-two">
                            <span>舞蹈培训</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>女儿从四岁多一直在腾星学习拉拉操培训，会努力坚持！</span>
                    </div>
                </div>

                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/口才培养.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user2.png" alt="">
                            <span>Carm123</span>
                        </div>
                        <div class="select-two">
                            <span>口才培训</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>女儿从四岁多一直在腾星学习拉拉操培训，会努力坚持！</span>
                    </div>
                </div>

                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/街舞培训.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user3.png" alt="">
                            <span>carm123</span>
                        </div>
                        <div class="select-two">
                            <span>街舞培训</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>老师很专业，教得很仔细，学下来感觉课堂氛围很好，舞蹈</span>
                    </div>
                </div>

                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/魔术教学.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user4.png" alt="">
                            <span>依晨</span>
                        </div>
                        <div class="select-two">
                            <span>魔术教学</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>魔术老师很有耐心，孩子很内向，希望跟老师学习后能开朗！</span>
                    </div>
                </div>

                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/少儿编程.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user5.png" alt="">
                            <span>GPB2</span>
                        </div>
                        <div class="select-two">
                            <span>少儿编程</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>值得推荐，近在为孩子找报读兴趣班，也在团上看了很多，最终</span>
                    </div>
                </div>

                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/音乐培训.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user6.png" alt="">
                            <span>Jake</span>
                        </div>
                        <div class="select-two">
                            <span>音乐培训</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>体育了一些何老师得吉他课，老师超nice，上课很轻松</span>
                    </div>
                </div>

                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/舞蹈培养.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user7.png" alt="">
                            <span>tony</span>
                        </div>
                        <div class="select-two">
                            <span>美术绘画</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>老师很专业，环境特别好，女儿学得非常认真。</span>
                    </div>
                </div>

                <div class="select-box">
                    <!-- 上图部分 -->
                    <div class="select-img">
                        <img src="./images/智力围棋.png" style="width: 100%;height: 100%;" alt="">
                    </div>
                    <!-- 下图部分 -->
                    <div class="select-text">
                        <div class="select-one">
                            <img src="./images/user8.png" alt="">
                            <span>依晨</span>
                        </div>
                        <div class="select-two">
                            <span>舞蹈培训</span>
                        </div>

                    </div>
                    <div class="select-three">
                        <span>环境很好，老师也非常亲切，小宝很喜欢老师，只是需离家远！</span>
                    </div>
                </div>
            </div>
    </main>

    <footer>
        <div class="footerbox">

            <div class="footer-top clearfix">
                <span>直播试听课</span>
                <span>更多直播课程 ></span>
            </div>

            <div class="footer-bottom">
                <div class="footer-bottombox">
                    <div class="footerimg">
                        <img src="./images/图层 975.png" style="width: 100%;height: 100%;" alt="">
                        <div class="footerimg-text">
                            <span>《自信口才》语言表达体验课</span>
                        </div>
                    </div>
                    <div class="footertext">
                        <span>胜狮少儿口才培训</span>
                        <p>开播时间：2020年10越15日</p>
                        <div class="teacher">
                            <img src="./images/teacher.png" alt="">
                            <span>讲师:</span>
                            <span>小强老师</span>
                        </div>
                    </div>
                </div>
                <div class="footer-bottombox">
                    <div class="footerimg">
                        <img src="./images/少儿美术体验课.png" style="width: 100%;height: 100%;" alt="">
                        <div class="footerimg-text">
                            <span>少儿美术体验课</span>
                        </div>
                    </div>
                    <div class="footertext">
                        <span>大笨象美术教育</span>
                        <p>开播时间：2020年11越10日</p>
                        <div class="teacher">
                            <img src="./images/张修.png" alt="">
                            <span>讲师:</span>
                            <span>张修</span>
                        </div>
                    </div>
                </div>
                <div class="footer-bottombox">
                    <div class="footerimg">
                        <img src="./images/架子鼓.png" style="width: 100%;height: 100%;" alt="">
                        <div class="footerimg-text">
                            <span>【架子鼓】少儿零基础课</span>
                        </div>
                    </div>
                    <div class="footertext">
                        <span>心乐艺术中心</span>
                        <p>开播时间：2020年10越30日</p>
                        <div class="teacher">
                            <img src="./images/teacher.png" alt="">
                            <span>讲师:</span>
                            <span>小王老师</span>
                        </div>
                    </div>
                </div>
                <div class="footer-bottombox">
                    <div class="footerimg">
                        <img src="./images/图层 975.png" style="width: 100%;height: 100%;" alt="">
                        <div class="footerimg-text">
                            <span>少儿编程基础入门试听课</span>
                        </div>
                    </div>
                    <div class="footertext">
                        <span>乐博乐博STEAM少儿编程</span>
                        <p>开播时间：2020年12越15日</p>
                        <div class="teacher">
                            <img src="./images/teacher.png" alt="">
                            <span>讲师:</span>
                            <span>小张老师</span>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </footer>

    <article>
        <div class="articlebox">
            <div class="articletop clearfix">
                <span>文章</span>
                <span>更多文章 ></span>
            </div>
            <div class="articlebottom">
                <div class="articlethree">
                    <div class="articleone">
                        <img src="./images/one1.jpg" style="width: 140px;height: 130px;" alt="">
                    </div>
                    <div class="articletwo">
                        <span>有关孩子“兴趣班”，看这一篇，就够了！</span>
                        <p>
                            <img src="./images/zan.png" alt="">
                            10000</p>
                    </div>
                </div>
                <div class="articlethree">
                    <div class="articleone">
                        <img src="./images/one2.jpg" style="width: 140px;height: 130px;" alt="">
                    </div>
                    <div class="articletwo">
                        <span>关于小型(少儿编程/创课培训)得机构讲师现状</span>
                        <p>
                            <img src="./images/zan.png" alt="">
                            10000</p>
                    </div>
                </div>
                <div class="articlethree">
                    <div class="articleone">
                        <img src="./images/one3.jpg" style="width: 140px;height: 130px;" alt="">
                    </div>
                    <div class="articletwo">
                        <span>孩子得兴趣班，你报对了吗？</span>
                        <p>
                            <img src="./images/zan.png" alt="">
                            10000</p>
                    </div>
                </div>
                <div class="articlethree">
                    <div class="articleone">
                        <img src="./images/one4.jpg" style="width: 140px;height: 130px;" alt="">
                    </div>
                    <div class="articletwo">
                        <span>什么年龄上什么兴趣班，这篇文章你值得收藏！</span>
                        <p>
                            <img src="./images/zan.png" alt="">
                            10000</p>
                    </div>
                </div>
                <div class="articlethree">
                    <div class="articleone">
                        <img src="./images/one5.jpg" style="width: 140px;height: 130px;" alt="">
                    </div>
                    <div class="articletwo">
                        <span>少儿英语培训机构排名表有嘛？求推荐！</span>
                        <p>
                            <img src="./images/zan.png" alt="">
                            10000</p>
                    </div>
                </div>
                <div class="articlethree">
                    <div class="articleone">
                        <img src="./images/one6.jpg" style="width: 140px;height: 130px;" alt="">
                    </div>
                    <div class="articletwo">
                        <span>作为家长，对3-6岁孩子报兴趣班有何想法呢？</span>
                        <p>
                            <img src="./images/zan.png" alt="">
                            10000</p>
                    </div>
                </div>
            </div>

        </div>
    </article>

    <!-- 分割线 ---------------------------------------------------- -->

    <div class="root">
        <div class="roottop clearfix">
            <div class="roottopone">
                <ul>
                    <li>联系我们</li>
                    <li>法律声明</li>
                    <li>隐私政策</li>
                    <li>用户协议</li>
                    <li>加入我们</li>
                </ul>
            </div>
            <div class="roottoptwo">
                <div class="rootleft">
                    <img src="./images/weibo.png" alt="">
                    <span>官方微博</span>
                </div>
                <div class="rootright">
                    <img src="./images/weixin.png" alt="">
                    <span>微信公众号</span>
                </div>
            </div>
        </div>

        <div class="rootbottom">
            <p>
             客服热线:400&nbsp;8536&nbsp;100&nbsp;周一至周日&nbsp;9:00-21:00&nbsp;|&nbsp;
             在线客服：趣学网&nbsp;-&nbsp;我&nbsp;-&nbsp;在线客服&nbsp;|&nbsp;
             &nbsp;400&nbsp;8536&nbsp;100&nbsp;转7&nbsp;|&nbsp;举报邮箱：gwkf@quxue.com&nbsp;|&nbsp;
             网上有害信息举报&nbsp;|&nbsp;教APP备1101517号
             <br/>
            粤ICP备&nbsp;1550393397&nbsp;|&nbsp;粤公网安备&nbsp;11010502035430号
             &nbsp;|&nbsp;粤B2-20170890&nbsp;|&nbsp;广东趣学教育有限公司&nbsp;|&nbsp;广州市天河区广园路大街1号院5号楼2单位28层322809室&nbsp;|&nbsp;
             营业执照&nbsp;|&nbsp;出版物证
            </p>
    </div>
    </div>

    


</body>

</html>